let template = `<div>
  <div>
  <div>项目名：{{title}}</div>
  
  <input type="number" style="width:40px" v-model="form.devHost[0]" min="0" max="255">.
  <input type="number" style="width:40px" v-model="form.devHost[1]" min="0" max="255">.
  <input type="number" style="width:40px" v-model="form.devHost[2]" min="0" max="255">.
  <input type="number" style="width:40px" v-model="form.devHost[3]" min="0" max="255">:
  <input type="number" style="width:60px" v-model="form.devPost" step="1" min="8080">
    <button @click="quickSet(0)">快速设置local</button>
    <button @click="quickSet(1)">快速设置dev</button>
    <button @click="quickSet(2)">快速设置test</button>
    <button @click="quickSet(3)">快速设置prod</button>
    
  </div>
  <div v-for="(q, qk) in form.query" :key="qk">
    <input type="checkbox" v-model="q.isUsed" />
    {{ q.key }}
     <input type="text" v-model="q.value" />
  </div>
  <table>
    <tr>
      <td>协议</td>
      <td>域名</td>
      <td>端口</td>
      <td>路径</td>
      <td>入口文件</td>
      <td v-for="(q, qk) in form.query" :key="qk">
        <input type="checkbox" v-model="q.isUsed" />
        {{ q.key }}
      </td>
    </tr>
    <tr>
      <td>
        <select v-model="form.protocol" placeholder="请选择">
          <option
            v-for="item in optsProtocol"
            :key="item.key"
            :label="item.label"
            :value="item.value"
          ></option>
        </select>
      </td>
      <td>
        <select v-model="form.hostname" placeholder="请选择">
          <option
            v-for="item in optsHostname"
            :key="item.key"
            :label="item.label"
            :value="item.value"
          ></option>
        </select>
      </td>
      <td>
        <select v-model="form.post" placeholder="请选择">
          <option
            v-for="item in optsPost"
            :key="item.key"
            :label="item.label"
            :value="item.value"
          ></option>
        </select>
      </td>
      <td>
        <select v-model="form.pathname" placeholder="请选择">
          <option
            v-for="item in optsPathname"
            :key="item.key"
            :label="item.label"
            :value="item.value"
          ></option>
        </select>
      </td>
      <td>
        <select v-model="form.enterFile" placeholder="请选择">
          <option
            v-for="item in optsEnterFile"
            :key="item.key"
            :label="item.label"
            :value="item.value"
          ></option>
        </select>
      </td>
      <td v-for="(q, qk) in form.query" :key="qk">
        <input type="text" v-model="q.value" />
      </td>
    </tr>
  </table>

  <table>
    <tr v-for="(item, k) in realHrefs" :key="k">
      <td>{{ item.name }}</td>
      <td>
        <a class="a" target="_blank" :href="item.href">{{ item.href }}</a>
      </td>
    </tr>
  </table>
<div>`;
